<div class="pic swiper-container swiper-container-horizontal">
  <ul class="swiper-wrapper" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
    <li class="swiper-slide" style="width: 100%;max-height:375px;height:100%;" *ngFor="let v of bannerList; index as i;"
        [class.active]="currentPic==i">
      <a href="/project/{{v.projectId}}" title="">
        <img src="{{v.thumb}}" width="100%" height="100%" alt="">
      </a>
    </li>
  </ul>
  <div class="banner_indicate">
    <div class="swiper-pagination swiper-pagination-clickable">
      <span class="swiper-pagination-bullet" (click)="changebanner(i)"
            [class.swiper-pagination-bullet-active]="currentPic==i" *ngFor="let v of bannerList; index as i;"></span>
    </div>
  </div>
</div>
